<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script type="text/javascript">
    var options = {
        target: '#output',    // 把服务器返回的内容放入id为output的元素中
        beforeSubmit: showRequest,    // 提交前的回调函数
        success: showResponse,    // 提交后的回调函数
        // url : url,    //默认是form的action，如果申明，则会覆盖
        // type : type,    // 默认值是form的method("GET" or "POST")，如果声明，则会覆盖
        // dataType : null,    // html（默认）、xml、script、json接受服务器端返回的类型
        // clearForm : true,    // 成功提交后，清除所有表单元素的值
        // resetForm : true,    // 成功提交后，重置所有表单元素的值
        timeout: 3000    // 限制请求的时间，当请求大于3秒后，跳出请求
    };


    $("#formid").ajaxForm({
        beforeSubmit:showRequest,
        success:showResponse
    });
    function showRequest(formData, jqForm, options){
        // formData: 数组对象，提交表单时，form插件会以ajax方式自动提交这些数据，格式如[{name:user,value:val},{name:pwd,value:pwd}]
        // jqForm: jQuery对象，封装了表单的元素
        // options: options对象
        var queryString=$.param(formData); // name=1&address=2
        var formElement=jqForm[0]; // 将jqForm转换为DOM对象
        var address=formElement.address.value; // 访问jqForm的DOM元素
        return true; // 只要不返回false，表单都会提交，在这里可以对表单元素进行验证
    }
    function showResponse(responseText,statusText){
        // dataType=xml
        var name=$("name",responseXML).text();
        var address=$("address",responseXML).text();
        $("#xmlout").html(name+" "+address);
        // dataType=json
        $("#jsonout").html(data.name+" "+data.address);
    }
</script>
</body>
</html>